/* CSS Document */

/*(extended : Blackboxxx)
* Angkasa Pura 1 Stylesheet (extended : Blackboxxx)
* author		Ari Rusmanto (extended : Blackboxxx)
* link			http://arirusmanto.com (extended : Blackboxxx)
* copyright		(c)2013 (extended : Blackboxxx)
* File CSS untuk website PT ANGKASA PURA 1 (extended : Blackboxxx)
*/



body {
background: #e8e5e5 url(../image/background.png) repeat;
background-attachment: fixed; 
/*
background-image: linear-gradient(bottom, rgb(246,246,246) 20%, rgb(250,250,250) 60%, rgb(255,255,255) 80%);
background-image: -o-linear-gradient(bottom, rgb(246,246,246) 20%, rgb(250,250,250) 60%, rgb(255,255,255) 80%);
background-image: -moz-linear-gradient(bottom, rgb(246,246,246) 20%, rgb(250,250,250) 60%, rgb(255,255,255) 80%);
background-image: -webkit-linear-gradient(bottom, rgb(246,246,246) 20%, rgb(250,250,250) 60%, rgb(255,255,255) 80%);
background-image: -ms-linear-gradient(bottom, rgb(246,246,246) 20%, rgb(250,250,250) 60%, rgb(255,255,255) 80%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.2, rgb(246,246,246)),
	color-stop(0.6, rgb(250,250,250)),
	color-stop(0.8, rgb(255,255,255))
);
*/

}


#background-penuh {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

@font-face{ 
            font-family: "UFONTSCOMHELVETICALTCONDENSED";
            src: url('http://fontsforweb.com/public/fonts/7700/UFONTSCOMHELVETICALTCONDENSED.eot');
            src: local("Helvetica LT Condensed"), url('http://fontsforweb.com/public/fonts/7700/UFONTSCOMHELVETICALTCONDENSED.woff') format("woff"), url('http://fontsforweb.com/public/fonts/7700/UFONTSCOMHELVETICALTCONDENSED.ttf') format("truetype");
        }

.bar-atas {
	width: 100%;
	padding: 10px 0;
	height: 40px;
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 50%, #f6f6f6 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f7f7f7), color-stop(51%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 50%,#f6f6f6 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 50%,#f6f6f6 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 50%,#f6f6f6 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 50%,#f6f6f6 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	
	-webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.38);
	-moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.38);
	box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.38);
}

.bar-atas img.cuaca{
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	-o-transform: scale(.7);
	transform: scale(.7);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	margin-top: -10px;
}
.bar-atas:hover img.cuaca{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.jam {
	font-size: 15px;
	font-weight: bold;
	color: #5b5b5b;
	text-shadow: 0px 1px #fff;
}

.tgl {
	text-transform: uppercase;
	color: #909090;
	font-size: 10px;
	text-shadow: 0px 1px #fff;
	margin-top:0;
}

ul.menu-atas {
	list-style: none;
	margin: 24.5px 0 0 0;
	padding: 0;
	float: right;
    font-family: 'Oswald', sans-serif;
	display: block-inline;
}

.menu-atas li{
	float: left;
	font-size: 11px;
	line-height: 19px;
}

.menu-atas li a {
	color: #006DB7;
	/*
	background: #C8C8C8;
	*/
	background: #CDECFC;
	margin: 0 8px 0 3px;
	padding: 8px 22px;
	font-weight: normal;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.menu-atas li:first-child a {
	margin-right: 11px;
	padding: 8px 17px;
}

.menu-atas li:last-child a {
	padding: 8px 10px;
	margin-right: 14px;
}
.menu-atas li:first-child.active a {
	background: #9CDCF9;
}
.menu-atas li a:hover {
	text-decoration: none;
}
.menu-atas li.active a{
	background: #A6CE39;
	color: #fff;
}

.menu-atas li [class^="icon-"],
.menu-atas li [class*=" icon-"]{
	opacity: 0.6;
	margin-top: 4px;
	margin-bottom: 0;
	padding: 0;
}

.menu-atas li.active a [class^="icon-"],
.menu-atas li.active a [class*=" icon-"]{
	opacity: 1;
}

.tabel {
	border: none;
	vertical-align: top;
	width: 100%;
	margin: 20px 0;
}

.tabel tr,
.tabel td {
	border: none;
	padding: 3px;
	vertical-align: top;
}

img {border: none;}
.clear {clear: both;}

.container {
	width: 960px;
		/*
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	box-shadow: 0 1px 4px rgba(0,0,0,.065);
	*/
	text-align: left;
	margin: 0 auto;
	z-index: 1;
}
.container-putih {
	width: 940px;
	padding: 10px;
	background: #fff;
	min-height: 250px;
		/*
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	box-shadow: 0 1px 4px rgba(0,0,0,.065);
	*/
	text-align: left;
	margin: 5px auto;
	z-index: 1;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    0px 0px 3px rgba(0, 0, 0, 0.4);
box-shadow:         0px 0px 3px rgba(0, 0, 0, 0.4);
}

.bg-header {
	background: #006DB7;
	height: 191.4257px;
	position: absolute;
	width: 100%;
	z-index: -10;
	top:0;
}

/*
=================================================================
HEADER
=================================================================
*/
#header {
	padding: 5px 0 0;
	margin: 0px 0px 0 0;
	background: url(../img/header.png) no-repeat top center;
	z-index: 1;
}

#header form {
	margin: 0;
}

.header-links {
	margin: 0 60px 10px 0;
	float: right;
	z-index: 2;
	font-size: 10px;
	font-weight: bold;
	line-height: 90%;
}
.header-links li {
  display: inline;
  color: #999;
}
.header-links li a{
  color: #558E00;
  padding: 0px 3px;
  border-right: 1px solid #D6FF98;
  text-shadow: 0px 0px 1px #D6FF98;
}
.header-links li.bahasa a{
	padding: 0 5px 0 20px;
	color: #909090;
	font-weight: normal;
  border-right: 1px solid 909090;
}
.header-links li:last-child a{
  border-right: 1px solid transparent;
  padding-right: 0;
  padding: 0 0 0 5px;
}
input[type="text"].teks-cari {
  height: 10px;
  padding: 3px 4px;
  margin-bottom: 0px;
  font-size: 11px;
  line-height: 15px;
  color: #555555;
  vertical-align: middle;
  float: right;
}
input[type="text"].teks-cari:focus {
  border-color: #cccccc;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,255,255,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,255,255,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,255,255,.6);
}
.headline-news {
	padding: 0;
	margin: 5px 0 8px 0;
}
.headline-news span a{
	font-size: 12px;
	color: #909090;
	padding: 0 0 3px 5px;
}

.headline-news span.head {
	background: #8DC73F;
	font-size: 14px;
	padding: 3px 5px;
	color: #fff;
	margin-top: 3px;
    font-family: 'Oswald', sans-serif;
}

#ticker .cursor{
	display: inline-block;
	background: #909090; 
	width: 1px; 
	height: 1em; 
	text-align: center;
	margin-top: 2px;
}

.quote-penuh {
	padding: 5px 0;
	margin: 0;
	background: #CDECFC;
	color: #006DB7;
}
.quote-penuh span{
	font-size: 14px;
	padding: 3px 5px;
	margin-top: 3px;
    font-family: 'Oswald', sans-serif;
}

.quote-penuh span.head {
	font-size: 14px;
	padding: 3px 5px;
	margin-top: 3px;
    font-family: 'Oswald', sans-serif;
}

/*
=================================================================
MENU NAVIGASI
=================================================================
*/
#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu {
	width: 960px;
	margin: 2px auto 10px;
	/*
	background-color: #016DB8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	  background-color: #1b1b1b;
	  background-image: -moz-linear-gradient(top, #3c3c3c, #111111);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c3c3c), to(#111111));
	  background-image: -webkit-linear-gradient(top, #3c3c3c, #111111);
	  background-image: -o-linear-gradient(top, #3c3c3c, #111111);
	  background-image: linear-gradient(to bottom, #3c3c3c, #111111);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff111111', GradientType=0);
	  border-color: #252525;
	*/
	z-index: 20;
}

#menu:before,
#menu:after {
	content: "";
	display: table;
}

#menu:after {
	clear: both;
}

#menu {
	zoom:1;
}

#menu li {
	float: left;
	position: relative;
}

#menu li a.top {
	font-size: 13px;
    font-family: 'Oswald', sans-serif;
}

#menu a {
	float: left;
	padding: 9px 10px 8px;
	color: #fff;
	margin: 5px 0 0;
	text-transform: uppercase;
	font: normal 12px Arial, Helvetica;
	text-decoration: none;
}

#menu li.RopaSans a{
	font-size: 16px;
	font-weight: bold;
}

img.menu-logo{
	padding: 0 10px;
	width: 35px;
	background: #fff;
}


#menu li:hover > a,
#menu li.active > a {
	background: #fff;
	color: #8DC73F;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#menu li ul:hover a {
	color: #999;
	background: url(../img/bullet-menu.png) no-repeat left center;
}
#menu li ul:hover a:hover {
	/*
	color: #8DC73F;
	*/
	color: #fff;
	background: #A6CE39;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

*html #menu li a:hover { /* IE6 only */
	color: #fafafa;
}

#menu ul {
	margin: 20px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	z-index: 1;    
	background: #fff;
	-webkit-box-shadow: 0px 5px 7px rgba(50, 50, 50, 0.38);
	-moz-box-shadow:    0px 5px 7px rgba(50, 50, 50, 0.38);
	box-shadow:         0px 5px 7px rgba(50, 50, 50, 0.38);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;  
}
#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
	z-index: 10;
}

#menu li ul {
	left: 0px;
	top: 41px;
	padding: 15px 0;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

/*
#menu li:last-child ul {
	left: -46px;
	right: 0px;
	width: 160px;
}

#menu li:last-child ul li a{
	width: 120px;
}
*/

#menu ul ul {
	top: -15px;
	left: 215px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
	border: 1px solid #dcdcdc;	
	padding-top: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


#menu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none; 
}

#menu ul li:hover a ul {
	padding: 20px 0;
}


#menu ul li:last-child {   
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;    
}

#menu ul a {    
	padding: 4px 10px 4px 10px;
	width: 185px;
	margin-right: 10px;
	_height: 10px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	font-weight: normal;
	color: #909090;
	margin-left: 10px;
	background: url(../img/bullet-menu.png) no-repeat left center;
}

#menu ul a:hover {
	text-shadow: none;
}


#menu ul li:first-child > a {
}

#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -7px;
	
	/* iki marai mureng
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #444;
	*/
}

#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #dcdcdc;
}

#menu ul li:first-child a:hover:after {
	border-bottom-color: #04acec; 
}

#menu ul ul li:first-child a:hover:after {
	border-right-color: #8DC73F; 
	border-bottom-color: transparent; 	
}

#menu ul li:last-child > a {
}

#menu .caret {
  margin-top: 9px;
  margin-left: 5px;
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
#menu li:hover .caret,
#menu li.active .caret {
  margin-top: 9px;
  margin-left: 5px;
  border-top-color: #8DC73F;
  border-bottom-color: #8DC73F;
}

/*
=================================================================
SLIDESHOW
=================================================================
*/


.carousel-fade .item {
      opacity: 0;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
    }

.carousel-fade .item.active {
      opacity: 1;
    }

.carousel-fade .active.left,
.carousel-fade .active.right {
      left: 0;
      opacity: 0;
      z-index: 1;
    }

.carousel-fade .next.left,
.carousel-fade .prev.right {
      opacity: 1;
    }

.carousel-fade .carousel-control {
    z-index: 2;
  }





.caption-berita {
  position: absolute;
  left: 40%;
  right: 0;
  top: 0;
  background: #fff;
  height: 100%;
}
.caption-berita h4,
.caption-berita p {
  color: #ffffff;
  line-height: 20px;
  float: right;
}
.caption-berita h4 {
  margin: 0 0 5px;
  padding: 15px;
  background: #8DC73F;
  font-size: 24px;
    font-family: 'Oswald', sans-serif;
	font-weight: normal;
}
.caption-berita p {
  margin-bottom: 0;
  padding: 5px 5px 5px 12px;
  font-size: 11px;
}
.caption-berita p a {
  color: #5b5b5b;
  font-weight: bold;
}

.caption-annual {
  position: absolute;
  left: 30%;
  right: 0;
  top: 0;
  background: #fff;
  height: 100%;
}
.caption-annual h4,
.caption-annual p {
  color: #ffffff;
  line-height: 20px;
  float: right;
}
.caption-annual h4 {
  margin: 0 0 5px;
  padding: 15px;
  background: #8DC73F;
  font-size: 24px;
    font-family: 'Oswald', sans-serif;
	font-weight: normal;
}
.caption-annual p {
  margin-bottom: 0;
  padding: 5px 5px 5px 12px;
  font-size: 11px;
}
.caption-annual p a {
  color: #5b5b5b;
  font-weight: bold;
}



/*
=================================================================
HOME
=================================================================
*/

.radius {
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.padeng10{
	padding: 10px;
}

#banner-besar {
	width: 960px;
	height: 250px;
	position: relative;
	margin: 0 0 15px 0;
}

#banner-besar img{
	width: 940px;
	position: relative;
}

.qod-wrap{
	color: #fff;
	background: rgba(0,0,0,.8);
	width: 300px;
	min-height: 50px;
	left: 0;
	top: 20%;
	padding: 15px;
	position: absolute;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.17);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.17);
	box-shadow:         0px 2px 5px rgba(50, 50, 50, 0.17);
}

.qod-wrap h3{
    font-family: 'Oswald', sans-serif;
	font-size: 20px;
	padding: 0;
	margin: 15px 0 14px;
	line-height: 100%;
	font-weight: normal;
}
.qod-wrap p{
	font-size: 15px;
	letter-spacing: .7px;
}
.tabel-info{
	background: #fff;
	width: 300px;
	min-height: 50px;
	margin-left: 30px;
	top: 10%;
	position: absolute;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.17);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.17);
	box-shadow:         0px 2px 5px rgba(50, 50, 50, 0.17);
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	opacity: 0.85;
}

.tabel-info:hover{
	opacity: 1;
}

.tabel-info .tabel-header{
	padding: 15px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.tabel-info .info-divider{
  border-top: 1px solid #fff;
border-bottom: 1px solid #dcdcdc;
  margin-bottom: 5px;
}

.tabel-info .tabel-footer{
	padding: 8px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.tabel-info .tabel-header h3 {
    font-family: 'Oswald', sans-serif;
	font-size: 18px;
	padding: 0;
	margin: 0;
	line-height: 100%;
	font-weight: normal;
}

.tabel-info .tabel-header h3 [class^="icon-"],
.tabel-info .tabel-header h3 [class*=" icon-"]{
	margin-top: 6px;
}

.tabel-info .tabel-bodi{
	padding: 10px 12px;
	border-bottom: 1px solid #dcdcdc;
}



.kotak-home {
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 0 15px 0;
	-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.17);
	-moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.17);
	box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.17);
}


.kotak-home .tabel-header{
	padding: 15px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.kotak-home .info-divider{
  border-top: 1px solid #fff;
border-bottom: 1px solid #dcdcdc;
  margin-bottom: 5px;
}

.kotak-home .tabel-footer{
	padding: 8px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}


.kotak-home .tabel-bodi{
	padding: 15px 12px;
	border-bottom: 1px solid #dcdcdc;
}

.kotak-home .bodi{
	padding: 6px;
}
.bisnis-a, .bisnis-b, .bisnis-c{
	color: #fff;
	font-weight: bold;
}
.bisnis-a a, .bisnis-b a, .bisnis-c a{
	color: #fff;
}

.bisnis-a{
	background: #8DC73F;
}
.bisnis-b{
	background: #FAA81A;
}
.bisnis-c{
	background: #118ADE;
}


.kotak-home ul {
	list-style: none;
	margin: 0 0 0 8px;
	padding:15px;
}

.kotak-home ul li{
	padding: 2px 0 2px 0;
	text-transform: lowercase;
}

.kotak-home ul li a{
	padding: 8px 0 8px 10px;
	background: url(../img/bullet-menu.png) no-repeat left center;
	font-weight: bold;
}
.kotak-home ul li:first-letter{
	text-transform: uppercase;
}
.kotak-home ul li a:hover{
	color: #8DC73F;
}

.kotak-list {
	padding: 5px;
}
.kotak-list p{
	line-height: 150%;
}

/* Thumbnail */
.thumb-wrapper {
	text-align: center;
	background: #fff;
	padding: 0;
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #dcdcdc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
p.thumb{
	margin:0 5px 0 0;
	padding:2px;
	}
p.thumb a{
	display:block;
	width:60px;
	height:60px;
	overflow:hidden;
	position:relative;
	z-index:1;
	margin: 0;
	float: left;
	}	
p.thumb a img{
	float:left;
	top: -0px;
	left:-0px;
	position:absolute;
}


h3.subtitel {
    font-family: 'Oswald', sans-serif;
	font-size: 15px;
	padding: 0;
	margin: 15px 0 14px;
	line-height: 100%;
	font-weight: normal;
}
h3.subtitel a{
    color: #006DB7;
}

h1.titel {
    font-family: 'Oswald', sans-serif;
	font-size: 24px;
	padding: 0;
	margin: 5px 0 30px;
	line-height: 100%;
	font-weight: normal;
}

h3.subtitel [class^="icon-"],
h3.subtitel [class*=" icon-"]{
	margin-top: 4px;
	margin-right: 5px;
}

.media-object {
  opacity: 0.8;
  -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.media:hover .media-object {
  opacity: 1;
	  -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}



thead tr.home{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #fff;
}
thead tr.home th{
	border-bottom: 1px solid #fff;
	margin-bottom: 1px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333333;
	padding: 10px 15px;
	text-transform: uppercase;
}
thead tr.home th:first-child{
	-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}
thead tr.home th:last-child{
	-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
}

.merah {
	color: #D10808;
}
p a.hijau {
	color: #A6CE39;
}



.banner {
	opacity: 1;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.banner:hover{
	opacity: 0.7;
}

.ikon-llau{
	font-family: 'Monda', sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0px 1px 1px #fff;
	padding: 15px 0;
	text-align: center;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  background-repeat: repeat-x;
  border: 1px solid #ddd;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
		  margin-bottom: 10px;
}

.ikon-llau img{
	width: 40px;
}

/*
=================================================================
FOOTER
=================================================================
*/

footer  {
	width: 960px;
	margin: 10px auto 15px;
	padding: 0;
	/*
	background-color: #016DB8;
	*/
	color: #fff;
	font-size: 11px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #128be0; /* Old browsers */
background: -moz-linear-gradient(top,  #128be0 0%, #006cb7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#128be0), color-stop(100%,#006cb7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #128be0 0%,#006cb7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #128be0 0%,#006cb7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #128be0 0%,#006cb7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #128be0 0%,#006cb7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#128be0', endColorstr='#006cb7',GradientType=0 ); /* IE6-9 */

		z-index: 20;
}

footer p {
	margin: 0 15px 10px;
	color: #fff;
}
footer h3 {
    font-family: 'Oswald', sans-serif;
	font-size: 15px;
	padding: 15px;
	margin: 15px 0 5px;
	line-height: 100%;
	color: #fff;
	font-weight: normal;
}

footer h3 [class^="icon-"],
footer h3 [class*=" icon-"]{
	margin-top: 4px;
	margin-right: 5px;
}

footer form {
	margin-left: 15px;
	margin-bottom: 0px;
}

.follow-us img {
	width: 32px;
}

.footer-besar {
	list-style: none;
	margin: 0 0 0 15px;
	padding:0;
}

.footer-besar li a{
	padding: 5px 0 5px 10px;
	background: url(../img/bullet-putih.png) no-repeat left center;
	color: #fff;
}
.footer-besar li a:hover{
	color: #fff;
}


.border-footer{
	height: 3px;
	float: left;
}
.border-footer.hijau1{background: #B9DA8B; width: 10%}
.border-footer.hijau2{background: #8DC73F; width: 5%}
.border-footer.biru1{background: #9DDBF0; width: 3%}
.border-footer.biru2{background: #006CB7;width: 82%}

.footer-divider{
  border-top: 1px solid #005FA0;
  border-bottom: 1px solid #249BED;
  margin-top: 20px;
}

.footer-links {
	margin: 0;
	padding: 10px 15px;
	z-index: 2;
	font-weight: bold;
	line-height: 100%;
	background-color: #016DB8;
	-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
text-align: right;
}
.footer-links li {
  display: inline;
  color: #999;
}
.footer-links li a{
  color: #fff;
  padding: 0px 5px;
}
.footer-links li:last-child a{
  border-right: 1px solid transparent;
  padding-right: 0;
  padding: 0 0 0 5px;
 
}


/* Thumbnail */
.thumb-wrapper {
	float: left;
	text-align: center;
	background: #fff;
	margin:0px 8px 20px 8px;
	padding: 0 0 10px;
	border: 1px solid #dcdcdc;
	width:217px;
	height:195px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
p.thumb{
		float:left;
		margin:0;
		margin-right:5px;
		background: #fff;
		padding: 5px 5px 3px 5px;
		}
		p.thumb a{
		display:block;
		float:left;
		width:207px;
		height:140px;
		overflow:hidden;
		position:relative;
		z-index:1;
		margin: 0;
		}	
		p.thumb a img{
		float:left;
		top: -0px;
		left:-0px;
		width: 250px;
		position:absolute;
		}
		
.table th {
  font-weight: bold;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  background-repeat: repeat-x;
}
.table-condensed {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
}